<!DOCTYPE HTML>
<html lang="pl">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="author" content="Grzegorz Ł. Janik" />
	<title>{% block title %}Multimedio{% endblock %}</title>

	<link rel="icon" type="image/png" href="/static/img/favicon.ico">
	<link href="/static/css/bootstrap.min.css" rel="stylesheet">
	<link href="/static/css/basic.css" rel="stylesheet">

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
	<script src="/static/js/bootstrap.min.js" type="text/javascript"></script>
	{% block extra-head %}
	{% endblock %}
	<script src="/static/js/yt.js" type="text/javascript" charset="utf-8"></script>
	<script src="/static/js/basic.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<header class="navbar navbar-static-top">
		<div class="navbar-inner">
		
			<div class="container">
				<a class="brand" href="/">Multimedio</a>
				<ul class="nav">
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" style="display:inline-block;">
							<i id="search" class="icon-search"></i> Szukaj
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li><a href="#"><i class="icon-book"></i> Papierowa książka</a></li>
							<li><a href="#"><i class="icon-headphones"></i> Muzyka na CD</a></li>
							<li><a href="#"><i class="icon-music"></i> Muzyka na winylu</a></li>
							<li><a href="#"><i class="icon-film"></i> Film na DVD</a></li>
							<li><a href="#"><i class="icon-download-alt"></i> Do pobrania</a></li>
							<li class="divider"></li>
							<li><a href="#"><i class="icon-search"></i> Wszystko</a></li>
						</ul>
					</li>
					<li>
						<form id="search-form" class="navbar-search pull-right" method="GET" action="/query">
							<input name="query" type="text" class="search-query" placeholder="Czego szukasz...?">
							<input name="media" type="hidden" id="type" value="all">
						</form>
					</li>
				</ul>
				<ul class="nav pull-right">
					{% if request.user.is_authenticated %}
					<li><a href="{% url basic.views.orderedView %}">Moje zamówienia</a></li>
					{% if request.user.is_staff %}
					<li><a href="{% url basic.views.changeOrder %}">Zarządzaj</a></li>
					{% endif %}
					<a href="/logout/?next={{request.path}}" class="btn">Wyloguj się</a>
					{% else %}
					<li><a id="login-a" href="/login/?next={{request.path}}" data-toggle="modal">Zaloguj się</a></li>
					<a id="signup-a" href="/signup/?next={{request.path}}" data-toggle="modal" class="btn">Załóż konto</a>
					{% endif %}
				</ul>
			</div>
		</div>
	</header>

	<div class="container">
		<noscript>
			<div class="alert alert-error">
			<strong>Uwaga!</strong> Aby korzystać z pełnej funkcjonalności strony należy włączyć Java Script.
			</div>
		</noscript>
		<div class="row">
			<header class="span12 page-header">
			{% block header %}
			{% endblock %}
			</header>
		</div>
		<div class="row">
			<div class="span9">
			{% block content %}
			{% endblock %}
			</div>
			<div class="span3">
			{% block sidebar %}
			{% endblock %}
			</div>
		</div>
	</div>

	<footer>
		<p class="container muted">Copyright 2012, Grzegorz Ł. Janik</p>
	</footer>

{% include 'snippets/login.html' %}
{% include 'snippets/signup.html' %}
{% include 'snippets/ga.html' %}

</body>
</html>
